<div class = "selectable-wrap condition border" ng-click = "select()" ondragstart = "return false" onselectstart = "return false;" style = "border:1px solid #ddd;background: #fff;">
    <div class = "condition-title w" style = "background: #f5f5f5;height: 30px;line-height: 30px;">
        <span class = "ml10">{{fieldTitle}}</span>
    </div>
    <div class = "condition-search">
        <div class = "ui mini icon input w pl5 pr5" style = "margin-top: 3px;">
            <input type = "text" placeholder = "" ng-click = "stopPropagation($event)" ng-model = "search.text">
            <i class = "search icon"></i>
        </div>
    </div>
    <div class = "data-wrap w h">
        <div class = "p5">
            <div class = "ui radio checkbox w cp" ng-repeat = "item in datas" ng-click = "selectItem($event,item)" style = "margin-bottom: 3px;" ng-show = "item.shown">
                <input type = "radio" name = "xxxxxxx" ng-checked = "someselected == item">
                <label class = "cp" style = "cursor: pointer;">{{item.value}}</label>
            </div>
        </div>
    </div>
    <b class = "point left-top" ng-show = "selected"></b>
    <b class = "point left-mid" ng-show = "selected"></b>
    <b class = "point left-bom" ng-show = "selected"></b>
    <b class = "point cent-bom" ng-show = "selected"></b>
    <b class = "point rigt-bom" ng-show = "selected"></b>
    <b class = "point rigt-mid" ng-show = "selected"></b>
    <b class = "point rigt-top" ng-show = "selected"></b>
    <b class = "point cent-top" ng-show = "selected"></b>
</div>